<!--
Date: 2025-08-13
Copyright (c) 2025 Industrial Software Feature Database
-->
<template>
    <div class="model-base">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="固体材料" name="solid">
          <Solid v-if="activeName == 'solid'" />
        </el-tab-pane>
        <el-tab-pane label="流体材料" name="porous">
          <Fluid v-if="activeName == 'porous'" />
        </el-tab-pane>
        <el-tab-pane label="多孔材料" name="fluid">
          <Porous v-if="activeName == 'fluid'" />
        </el-tab-pane>
      </el-tabs>
    </div>
  </template>
  
  <script setup name="Meterial">
  import Solid from "./solid/index.vue";
  import Porous from "./porous/index.vue";
  import Fluid from "./fluid/index.vue";

  const activeName = ref('solid');
  const handleClick = () => {}
  </script>
  
  <style lang="scss" scoped>
  .model-base {
    padding: 20px;
  }
  </style>
  